<html>
  <head>
    <title>总题概览  over all</title>
  </head>
  <body>
    <script>
      /*
                        二、总体概览  OverAll

                              1、主题通用前端基础库

                                                    所有主题都必须依赖于 " @abp/aspnetcore.mvc.ui.theme.shared" 共享NPM包，因此它们间接依赖于以下库：

                                                        ①、Twitter Bootstrap作为基本的超文本标记语言/CSS框架。

                                                        ②、 用于DOM操作的JQuery。

                                                        ③、 DataTables.Net用于数据网格。

                                                        ④、JQuery Validation  用于客户端的JQuery验证和静默的验证

                                                        ⑤、FontAwese作为基本的CSS字体库。

                                                        ⑥、SweetAlert显示精美的警报消息和确认对话框。

                                                        ⑦、 Toastr显示通知。(Toast)

                                                        ⑧、 Lodash作为实用工具库

                                                        ⑨、Luxon用于日期/时间操作。

                                                        ⑩、 用于AJAX表单的JQuery Form

                                                        ⑫、bootstrap-datepicker显示日期选择器。

                                                        ⑬、Select2  选择框、多选框

                                                        ⑭、Timeago显示自动更新的模糊时间戳。

                                                        ⑮、malihu-custom-scrollbar-plugin用于自定义滚动条。

                                                    这些库被选为基础库，可供应用程序和模块使用。


                              2、对基础库的抽象和包装    Abstractions / Wrappers

                                             ABP中有一些抽象，可以使您的代码也独立于其中一些库。
                                             
                                                       ①、Tag Helpers可以轻松生成Bootstrap UI。

                                                       ②、JavaScriptMessage和NotifyAPI提供了使用Sweet警报和Toastr的抽象。

                                                       ③、Forms&Valiri系统会自动处理验证，因此您大多不会直接键入任何验证代码。



                              3、标准布局  The Standard Layouts

                                             主题的主要职责是提供布局。有三个预定义的布局必须由所有主题实现：

                                                ①、Application：主应用程序页面使用的默认布局。

                                                ②、Account:  主要由帐户模块用于登录、注册、忘记密码…页面。、

                                                ③、Empty: 根本没有布局组件的最小布局。

                                            布局名称是在Volo.Abp.AspNetCore.Mvc.UI.Theming.StandardLayouts类中定义的常量。

                                            (1)、应用程序布局  Application Layout

                                                    这是主应用程序页面使用的默认布局。下图显示了基本主题应用程序布局中的用户管理页面：

                                                    如您所见，页面是相同的，但在上面的主题中外观完全不同。

                                                    应用程序布局通常包括以下部分:

                                                        ①、主菜单 A main menu

                                                        ②、主工具ToolBar栏包含以下组件：

                                                                用户菜单   User Menu

                                                                语言切换下拉列表  Language Switch Dropdown

                                                        ③、页面提醒 page alerts

                                                        ④、页面内容（又名RenderBody()）

                                                        ⑤、布局挂钩 Layout hooks

                                                    一些主题可能会提供更多部分，例如面包屑、页眉和工具栏…等。请参阅布局部件部分。



                                            (2)、账户布局 Account Layout

                                                    帐户布局通常由帐户模块用于登录、注册、忘记密码…页面。

                                                    此布局通常提供以下部分:

                                                            ①、语言切换下拉列表

                                                            ②、租户切换区域（如果应用程序是多租户并且当前由cookie解析）

                                                            ③、页面提醒 Page alerts 

                                                            ④、页面内容（又名RenderBody()

                                                            ⑤、布局挂钩 Layout hooks 

                                                    基本主题也呈现此布局的顶部导航栏（如上所示）


                                            (3)、空布局 Empty Layout

                                                    空布局提供一个空页面。它通常包括以下部分：

                                                            ①、Page alerts 页面提醒

                                                            ②、页面内容（又名RenderBody()

                                                            ③、Layout hooks 布局挂钩
                    */
    </script>
  </body>
</html>